<template>
	<div class="navbar">
		<div class="left"><slot name="left"></slot></div>
		<div class="center"><slot name="center"></slot></div>
		<div class="right"><slot name="right"></slot></div>
	</div>
</template>

<script>
</script>

<style>
	.navbar{
		display:flex;
		line-height: 2.65rem;
		/* background-color: #df1033; */
		height: 2.65rem;
		align-items: center;
		text-align: center;
		font-size: 0.875rem;
	}
	.left,.center,.right{
		height: 2.25rem;
	}
	.left{
		width: 5.375rem;
		color: #FFFFFF;
		text-align: center;
		/* background-color: #FF5777; */
	}
	.right{
		width: 3.1875rem;
		/* background-color: brown; */
		
		line-height:2.25rem;
	}
	.center{
		flex: 1;
		/* background-color: blueviolet; */
		font-size: 1.25rem;

	}
	.navbar img{
		margin: 0 auto;
		height: 1.75rem;
		width: 1.75rem;
	}
</style>
